﻿<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="taglib.jsp"%>
<%@page contentType="text/html;charset=UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>教师介绍</title>
<link href="css/global.css" rel="stylesheet" type="text/css" />

	<script src="Scripts/jquery-1.4.4.min.js"></script>
	<script>

		//do some initialization here
		$(function(){
			//alert("a");
			$('#top_nav_team')[0].className = 'current';
		});
		
	</script>
<!--[if IE 6]><script type="text/javascript" src="iepng.js"></script><![endif]-->
<script type="text/javascript">
   EvPNG.fix('div, ul, img, li, input,form,a,');  //EvPNG.fix('包含透明PNG图片的标签'); 多个标签之间用英文逗号隔开。
</script>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>

<body>
<div class="mianbody">
  <jsp:include page="top.jsp" />
 <!--页面中部-->
<div class="pc_link1">
<!-- 开始 -->
<div id="dHomePageCarousel" >
	<div id=dLocalHomesCarousel>
		<img id="imgSmallLeft" class="imgBorder"  style="height:109px; width:87px; left:0px; bottom:5px;" onClick="clearInterval(autoplay);moveD('l');"/>
		<img id="imgMiddleLeft" class="imgBorder"  style="height:161px; width:129px; left:100px; bottom:5px;" onClick="clearInterval(autoplay);move('l');"/>
		<img id="imgBig" class="imgBorder"  style="height:230px;	width:167px; left:240px; bottom:5px;" onClick="openNewPage();"/>
		<img id="imgMiddleRight" class="imgBorder"  style="height:161px; width:129px;	left:420px;	bottom:5px;" onClick="clearInterval(autoplay);move('r');"/>
		<img id="imgSmallRight" class="imgBorder"  style="width:87px; height:109px; left:560px; bottom:5px;" onClick="clearInterval(autoplay);moveD('r');"/>
		<img id="imgHidden" class="imgBorder"  style="width:10px; height:10px; left:-90px; bottom:5px;"/>
	</div>
	<div id=divCarouselInfo class="divCarouselInfo">
		<div class=divCarouselInfoLt>
			<A id="btnCarouselLt" class="btnCarouselLT" style="left: 10px;" onClick="clearInterval(autoplay);move('l');"></A>
			<TABLE id=fadeSec align=center>
				<TBODY>
					<TR>
						<TD align=center><a id="adname" class="name" href="#" target="_blank"></a>&nbsp;&nbsp;&nbsp;&nbsp;Email：<span id="adtel" class="tel"></span></TD>
					</TR>
					<TR></TR>
					<TR></TR>
					<TR></TR>
					<TR>
						<TD align=center>简介：<span id="adaddr"></span>&nbsp;&nbsp;&nbsp;&nbsp;<span id="adprice" class="org"></span>&nbsp;&nbsp;&nbsp;&nbsp;<span id="adtime" class="org"></span></TD>
					</TR>
				</TBODY>
			</TABLE>
			<A id="btnCarouselRt" class="btnCarouselRT" style="right: 10px;" onClick="clearInterval(autoplay);move('r');"></A>
		</div>
	</div>
	<script type="text/javascript">
		function AdItem(name,phone,address,Photo,price,time,url) {
			this.name = name;
			this.phone = phone;
			this.address = address;
			this.Photo = Photo;
			this.url = url;
			this.price = price;
			this.time = time;
		}
		
		var ad = new Array();
	</script>
	<c:forEach items="${teachers}" var="item" varStatus="status">
	<script type="text/javascript">
		ad[${status.index}] = new AdItem('${item.name}','${item.email}','${item.description} ','getFile.do?name=${item.thumbnail}','','','#'); 
	</script>
	</c:forEach>
	<script type="text/javascript">
		var img = new Array();
		img[0] = document.getElementById("imgSmallLeft");
		img[1] = document.getElementById("imgMiddleLeft");
		img[2] = document.getElementById("imgBig");
		img[3] = document.getElementById("imgMiddleRight");
		img[4] = document.getElementById("imgSmallRight");
		img[5] = document.getElementById("imgHidden");
	
		var position = 0;
		var i = 0;
		for(i=0;i<img.length;i++){
			img[i].src = ad[i%ad.length].Photo;
		}

		var adname = document.getElementById("adname");
		var adtel = document.getElementById("adtel");
		var adaddr = document.getElementById("adaddr");
		var adprice = document.getElementById("adprice");
		var adtime = document.getElementById("adtime");

		var cur = 2%ad.length;
		adname.href = ad[cur].url;
		if(navigator.userAgent.indexOf("Firefox")>0){
			adname.textContent = ad[cur].name;
			adtel.textContent = ad[cur].phone;
			adaddr.textContent = ad[cur].address;
			adprice.textContent = ad[cur].price;
			adtime.textContent = ad[cur].time;
		} else {
			adname.innerText = ad[cur].name;
			adtel.innerText = ad[cur].phone;
			adaddr.innerText = ad[cur].address;
			adprice.innerText = ad[cur].price;
			adtime.innerText = ad[cur].time;
		}
	</script>
</div>
<script type="text/javascript" src="Scripts/action.js"></script>
<!-- 滚结束 -->
	</div>     
 <div class="cjwt1">
 <p>瑞德英语的教师队伍全部由专业的外教组成。他们都必须持有TESL或同等国际英语教学认证，拥有丰富的教学经验，并能够激发学员的学习热情。
 瑞德英语的教师筛选非常严格，通常只有5%的应聘者被录用。瑞德英语相信只有最好的教师才能够保障学习的效果。
 同时学员可以在自己的课程表中自由选择喜欢的老师进行授课，并可随时进行更换。</p>
 </div>
 <div class="rcontent_pic1"><img src="images/jsjs.jpg" /></div> 
<!----> 
<div style="clear:both;"></div>
  <jsp:include page="bottom.jsp" />
</div>
</div>
</body>
</html>
